<template>
  <div class="">
    <h1 class="title">{{ imge.title }}</h1>
    <div class="nei-img">
      <img
        v-for="(item, index) in imge.Image"
        :src="require('../../../assets/yjx/' + item)"
        alt=""
        :key="index"
      />
    </div>
    <Dibu></Dibu>
  </div>
</template>
 
<script>
import Dibu from "../../../components/yjx/dibu.vue";
export default {
  name: "vueName",
  data() {
    return {
      imge: [],
    };
  },
  created() {
    //元素创建时
    this.$http.get("/jjfa/tupain").then((res) => {
      this.imge = res.data.gnyjz[0];
      console.log(this.imge);
    });
  },
  components: {
    Dibu,
  },
};
</script>
 
<style scoped lang = "scss">
.title {
  background: #142b57;
  color: white;
  padding-left: 48px;
  font-weight: normal;
  /* font-family: \9ed1\4f53; */
  line-height: 50px;
  margin-top: 40px;
}
.nei-img{
    width: 100%;
    img{
      width: 100%;
      margin: 60px 0px;
    }
  }
</style>